﻿@charset "utf-8";
body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,span{ margin:0; padding:0; list-style:none}
html{ overflow-x:hidden}
body{font-family:"微软雅黑"; color:#444; background:#fff}
img,a img{ border:none; vertical-align:middle}
a:link,a:visited{ color:#444; text-decoration:none;_cursor:pointer}
a:hover{ color:#006cd7; text-decoration:none;_cursor:pointer}
.margin_10{ height:10px; display:block; clear:both}
.margin_20{ height:20px; display:block; clear:both}
.margin_30{ height:30px; display:block; clear:both}
.margin_50{ height:50px; display:block; clear:both}
.clear{ clear:both}
.arial{font-family:Arial, Helvetica, sans-serif}
.grey{background:url(../images/grey.jpg) top center}
.grey_b{ background:#f1f1f1}
.grey_c{ background:#f8f8f8}
.grey_d{ background:#fefefe}
.bg_white{ background:#fcfcfc}
.right{ text-align:right}
.green{ background:#A6CE38; color:#fff; height:500px}
hr{ color:#ddd; background:#ddd}
a:link,a:visited,a:hover{ cursor:pointer}
.content{width:96%; margin:0 auto; max-width:1200px; min-width:320px; overflow:hidden; font-size:0.75em;}
.content img{ max-width:100%}
.power{display:none; cursor:pointer; position:absolute; top:70px; right:10px; width:60px; height:30px; margin:15px 10px 0px 0;*margin:15px 5px 17px 0; overflow:hidden}
.power li{ width:30px; float:left; color:#666}
.power span{ height:5px; border-radius:2px; margin:0 0 3px 0; display:block; *overflow:hidden; background:#006cd7}
.power span i{ width:2px; height:5px; margin:0 0 0 5px; display:block; background:#f8f8f8}
.sub_main{ padding-bottom:50px; background:#fff}

.ys li{ width:25%;_width:24%; float:left}
.ys li dl{ width:210px; margin:0 auto; text-align:center; color:#666}
.ys li dt{ height:163px; width:163px; display:block; margin:0 auto; background:#ececec; border-radius:131.5px}
.ys li dt p{height:163px; width:163px; display:block; background:url(../images/ico1.png) no-repeat;}
.ys li h5{ font-size:1.333em; padding:1em 0 .5em 0; font-weight:normal; color:#333}
.ys a:hover{transition:all 0.3s}
.ys a:hover dt{ background:#4b9ae8}
.ys a:hover h5{ color:#006cd7}
.ys dl.b dt p{ background-position:-163px 0}
.ys dl.c dt p{ background-position:-326px 0}
.ys dl.d dt p{ background-position:-489px 0}
.ys a:hover p{ background-position:0 -163px}
.ys a:hover dl.a p{ background-position:0 -163px}
.ys a:hover dl.b p{ background-position:-163px -163px}
.ys a:hover dl.c p{ background-position:-326px -163px}
.ys a:hover dl.d p{ background-position:-489px -163px}
.index_line{ height:80px; clear:both; display:block}

.title{ background:url(../images/title.jpg) no-repeat top center; text-align:center;}
.title dt{ font-size:1.9em; font-family:Arial, Helvetica, sans-serif; color:#777; font-weight:bold}
.title h5{ font-size:1.2em; font-weight:normal; width:100px; background:#fff; height:20px; line-height:20px; margin:0 auto 7px auto; display:block;}
.title dd span{ font-size:0.875em; color:#888}
.title2{ text-align:center}
.title2 dt{ font-size:2.1666em}
.title2 dt span{ color:#006cd7;}
.title2 dd{ color:#888; padding:.3em}
.title2 div{ width:146px; height:34px; line-height:34px; display:inline-block; border-radius:17px; margin:15px 2px; border:solid 1px #006dd7; font-size:1.333em; color:#006dd7; cursor:pointer; text-align:left}
.title2 div ul{ background:url(../images/tab.png) no-repeat}
.title2 div li{ text-indent:2.8em}
.title2 div ul.b{ background-position:0 -110px}
.title2 div.focus{ background:#006cd7; color:#fff}
.title2 div.focus ul.a{ background-position:0 -56px}
.title2 div.focus ul.b{ background-position:0 -166px}
.title2 div a{ color:#006cd7}
.title2 div.focus a{ color:#fff}

.index_pro .l{ width:50.45%; float:left;}
.index_pro .r{ width:49.5%; float:right; _width:47%}
.index_pro .l li{ display:none; position:relative}
.index_pro .l li p{ position:absolute; bottom:0; left:0; background:url(../images/mask_black_50.png); color:#fff; font-size:1.4em; width:100%; text-indent:1em; line-height:2; padding:1em 0}
.index_pro .l li p span{ display:block; padding:1em}
.index_pro .r a{ width:33.333%; float:left;}
.index_pro .r a dl{ position:relative; border-bottom:solid 3px #fff; border-left:solid 3px #fff;}
.index_pro .r a dd{ position:absolute; bottom:0; left:0; width:100%; display:block; height:32px; line-height:32px; background:url(../images/mask_black_40.png); color:#fff; text-align:center; font-size:1.1333em}
.index_about { text-align:center; font-size:1.133em; line-height:2em}
.index_about dd{ display:none}

.index_news li{ width:33.3333%; float:left}
.index_news dl{ width:80%; margin:0 auto}
.index_news dd{ border-bottom:solid 1px #eee; padding:1em 0}
.index_news dd.tt h5{ font-size:1.3333em;}
.index_news dd.tt a{ float:right}
.index_news dd p{ color:#999}

.index_case li{ width:20%; float:left}
.index_case li dl{ width:86%; margin:0 auto 1em auto; text-align:center; font-size:1.1333em}
.index_case li dd{ padding:0.5em 0}
.index_case li img{ border:solid 1px #ddd; padding:4px}
.index_case li a:hover img{ border:solid 1px #006cd7;}

.left{display:block;}
.left_nav{ padding-top:1em}
#left_current a{color:#006cd7; font-weight:bold;background:url(../images/jt_a.jpg) no-repeat}
.sub_main .l{ float:left; width:20%;}
.sub_main .l dt{ height:80px; line-height:80px; text-indent:2em; background:#0055aa; color:#fff; font-size:1.7em; margin-bottom:10px}
.sub_main .l dd a{ background:url(../images/jt.jpg) no-repeat; border-bottom:solid 1px #ddd; height:48px; line-height:48px; display:block; padding-left:4em; font-size:1.25em}
.sub_main .l dd a:hover{ background:url(../images/jt_a.jpg) no-repeat; color:#006cd7;}
.sub_main .r{ float:right; width:76%; overflow:hidden; font-size:1.1333em;}
.sub_main .r img{ max-width:100%}
.sub_title{ height:36px; border-bottom:solid 1px #ddd; line-height:36px; color:#666; text-align:right}
.sub_title a{ color:#666}
.sub_content{ padding:40px 0 0; line-height:2; color:#555}
.copyright{ background:#2C2C2C;color:#999; display:block; line-height:1.6;}
.copyright .a{ width:30%; float:left; padding:1.5em 0}
.copyright .b{ width:70%; float:right; text-align:right; padding:1.5em 0}
.copyright a{ color:#999}
.feedback{ padding:50px;}
.feedback li{ padding:10px 0}
.feedback input{ vertical-align:top; border:solid 1px #ddd; width:500px; height:30px; line-height:30px}
.feedback textarea{ vertical-align:top; width:500px; border:solid 1px #ddd; background:none}
.feedback img{ vertical-align:top}
.bt_feedback{ height:30px; line-height:30px; width:120px; text-align:center; color:#fff; background:#0055AA; cursor:pointer; display:inline-block; margin-left:60px}
.error_feedback{color:#F00; text-indent:40px}
#show_code,#show_code2{ cursor:pointer}
/*old*/
.top_line{ height:40px; line-height:40px;width:100%; border-bottom:solid 1px #eee}
.top_text,.top_text a:link,.top_text a:visited{ color:#777}
.top_text a:hover{ color:#006cd7}
.top_text dt{ float:right; width:400px; text-align:right; height:40px; overflow:hidden}
.top_text span{ color:#006cd7; font-weight:bold; font-size:1.7em; font-family:Arial, Helvetica, sans-serif}
.top_text span a:link,.top_text span a:visited{ color:#006cd7}
.top_text p{ float:right; padding-left:2.5em}
.top_box{height:104px; width:100%;_overflow:hidden}
.top_text a{ color:#ffcc00}
.top_ul1{ width:20%; float:left;overflow:hidden; height:104px; overflow:hidden;}
.top_ul1 dt,.top_ul1 dd{ float:left}
.top_ul1 p{ display: none; font-size:2.5em; color:#006cd7; height:104px; line-height:104px}
.top_ul1 p a{color:#0763bf}
.top_ul2{ width:73%;float:right; position:relative}
.menu{position:relative; z-index:99}
.menu ul{ width:100%; text-align:center; font-size:1.25em; position:relative; z-index:999999;}
.menu ul li{position: relative;width:13.5%;display:inline-block; *display:inline;*zoom:1;}
.menu ul li a{position:relative; display:block; height:104px; width:100%; text-align:center}
.menu ul li strong{position:absolute; width:100%; height:20px; text-align:center; top:43px; left:0; font-weight:normal}
.menu ul li span{height:20px; width:100%; position:absolute; top:65px; left:0; font-size:0.65em; display:block; text-align:center; color:#999; font-family:Arial, Helvetica, sans-serif;-webkit-transform:scale(0.8);-o-transform:scale(1);}
.menu ul li a:hover{color:#fff; background:#0968c6}	
.menu ul li a:hover span{color:#fff}
.menu ul li dl{position: absolute;left: 0; top:104px; width:100%;text-align:center;_width:102px; background:#0968c6; padding:5px 0;display:none; font-size:0.8em; z-index:1000000;}
.menu ul li dl dd{display: block; width:100%; margin:0; background:none; height:30px; line-height:30px;white-space:nowrap;_overflow:hidden}
.menu ul li dl dd a:link,.menu ul li dl dd a:visited{color:#fff;white-space:nowrap; display:block; background:none}
.menu ul li dl dd a:hover{color:#fff; display:block; background:url(../images/mask_white_20.png); height:30px}
.menu li.mm_line,.menu li.mm_line a,.menu li.mm_line a span{ background:#0968c6; color:#fff}
.menu li.mm_line strong{ font-size:1.25em}
li.menu_current{ font-weight:bold;}
li.menu_current dl{font-weight:normal}
.banner{ clear:both;}
.line{ border-bottom:solid 1px #ddd; height:20px; clear:both}

div.news_l{ width:63%; border-right:solid 1px #ddd;float:left;}
.news_l .l{ width:40%; float:left; color:#555; margin:15px 0 0 0}
.news_l .l h3{ padding:10px 0;color:#333; font-size:1.166em}
.news_l .l dt img{border:solid 1px #ddd; background:#fff; padding:5px}
.news_l .l dt a:hover img{ border:solid 1px #888}
.news_l .r{width:53%; float:right;}
.news_l .r dl{ width:86%; margin:1em 0 1em 0; border-bottom:solid 1px #ddd; padding-bottom:1em}
.news_l .r h3{font-size:1.166em}
.news_l .r span{ color:#999}
.news_l .r dd{ color:#666; padding:3px 0 0 0}
.news_l img,.news_r img{ width:100%}
div.news_r{ width:32%; float:right;position:relative;}

.sub_bannerBox{ height:240px;}
.sub_banner1{ height:240px; background:url(../images/sub_banner1.jpg) top center no-repeat}
.sub_banner2{ height:240px; background:url(../images/sub_banner2.jpg) top center no-repeat}
.sub_banner3{ height:240px; background:url(../images/sub_banner3.jpg) top center no-repeat}
.sub_banner4{ height:240px; background:url(../images/sub_banner4.jpg) top center no-repeat}
.sub_banner5{ height:240px; background:url(../images/sub_banner5.jpg) top center no-repeat}
.sub_banner6{ height:240px; background:url(../images/sub_banner6.jpg) top center no-repeat}
.sub_banner7{ height:240px; background:url(../images/sub_banner7.jpg) top center no-repeat}
.sub_banner8{ height:240px; background:url(../images/sub_banner8.jpg) top center no-repeat}
/*新闻页*/
.sub_newslist{ padding:0 0 20px 0;}
.sub_newslist li{border-bottom:dashed 1px #CCCCCC; height:35px; line-height:35px}
.sub_newslist li a:link,.sub_newslist li a:visited{}
.sub_newslist dl{ border-bottom:solid 1px #ddd; margin:0 0 20px 0;padding:0 0 30px 0;clear:both}
.sub_newslist dl dt{ font-size:18px; font-weight:bold; margin:0 0 15px 0}
.sub_newslist dl dd img{width:100%}
.sub_newslist dl dd.i_l{ width:56%; float:left; border:solid 1px #ddd; padding:3px}
.i_r a:link,.i_r a:visited{ margin:20px 0 0 0; color:#d10000}
.i_r a:hover{ color:#333}
.sub_newslist dl dd.i_r{ width:38%; float:right;}
.news_li{ width:80%; float:left; display:block; background:url(../images/gif-0336.gif) no-repeat 0 10px; padding:0 0 0 18px;}
.news_time{ float:right; color:#ccc; font-size:12px}
.sub_newslist li div{color:#666; clear:both}
.clas{ height:40px; line-height:40px;color:#fff; text-indent:2em; margin-top:-40px;background:url(../images/mask_black_70.png); display:block; z-index:1; position:relative}
.list_show h3{ font-size:1.3em; text-align:center}
.case_list li{ width:25%; float:left; text-align:center; margin-bottom:2em}
.case_list li dl{ width:86%; margin:0 auto;}
.case_list li dl img{ border:solid 1px #ddd; padding:3px}
.case_list li dl a:hover img{ border:solid 1px #006cd7;}
.news_list dl{ border-bottom:solid 1px #ddd; padding-bottom:20px; margin-bottom:20px; font-size:0.875em}
.news_list dd{ line-height:1.6; color:#666;}
.news_view h3{ text-align:center; font-size:1.6em;}
.news_ts{ text-align:center; color:#999; padding:10px 0 20px 0; border-bottom:dashed 1px #CCC; margin-bottom:30px}
.news_tool a{ width:80px; text-align:center; display:inline-block; height:22px; line-height:22px; border:solid 1px #ddd; margin-top:20px}

.left_nav div{ display:none}
.left_nav p a:link,.left_nav p a:visited,#left_current  p a:link,#left_current  p a:visited{ background:none; font-size:1em; color:#444; font-weight:normal; text-indent:1em}
.left_nav p a:hover,#left_current  p a:hover,.sub_main .l dd p a:hover{ background:none; color:#006cd7}
.sub_main .l dd #left_current a:link,.sub_main .l dd #left_current a:visited{color:#006cd7}

.bottom{line-height:1.9; width:100%;clear:both; color:#666; border-top:solid 10px #242424; background:#181818; padding:3em 0}
.bottom ul{margin:0 auto; text-align:left}
.bottom_a{ width:60%; float:left;}
.bottom_a dl{ width:18%; float:left; margin-left:5%; min-height:280px; background:url(../images/line_a.gif) top right repeat-y}
.bottom h5{ font-size:1.25em; color:#ccc}
.bottom dt p{ color:#333; font-family:Arial, Helvetica, sans-serif; font-size:1.1333em; margin-bottom:1em; font-weight:bold}
.bottom_b{ width:38%; float:right;}
.bottom a{ color:#666}
.bottom a:hover{ color:#ccc}
.bottom_contact strong{ color:#32887b}
.bottom_contact h5{color:#32887b; font-size:2.2em; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
.wx_code{ position:relative}
#wx_ico{ cursor:pointer}
#wx_code{ position:absolute; left:-42px; bottom:45px; display:none}

input,textarea{ font-size:1em;font-family:"微软雅黑";}
input.met{ width:100%; padding:0 10px; height:27px; border:none; background:#fff; border-radius:3px;margin:0 0 5px 0; color:#999;}
textarea.mes{ width:100%; padding:5px 10px;height:52px; border:none; background:#fff; border-radius:3px;margin:0 0 5px 0;color:#999;}
input.m_in,textarea.m_in{ color:#444; width:100%}
.m_submit{ width:60px; text-align:center;color:#fff; height:26px; line-height:26px;border-radius:3px; background:#b31a1d; cursor:pointer; float:right}
.bottom_b dd span{ float:right; height:26px; line-height:26px; padding:0 10px 0 0; color:#d10;}
.bottom_js{display:none}
#bottom_nav,#bottom_nav a:link,#bottom_nav a:visited{ color:#222;padding:0 0 8px 0; font-weight:bold}
#bottom_nav a:hover{ color:#b31a1d}
.links{ clear:both;width:100%; background:#212121; float:left; margin:20px 0 0 0}
.links ul{margin:0 auto; height:35px; line-height:35px; text-align:left; color:#eee}
.links a:link,.links a:visited{ color:#fff; margin:0 5px}
.links a:hover{ color:#ffcc00}
.links div{ float:right; width:800px; text-align:right}
.bottom_tool{ background:url(../images/mask_black_80.png); display:inline-table;*display:inline-table; *zoom:1; text-align:center; width:100%;height:46px;color:#fff; font-size:0.75em; line-height:1.2em; overflow:hidden; position:fixed; bottom:0; left:0;_position:absolute;/* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); z-index:99999}
.bottom_tool dl{ display:table-row;*display:inline; *zoom:1;}
.bottom_tool dd{ display:table-cell;*display:inline; *zoom:1; width:25%;*width:24%}
.bottom_tool h5{ font-weight:normal; font-size:1em}
.bottom_tool a:link,.bottom_tool a:visited{ color:#f5f5f5; display:block; height:46px;}
.bottom_tool a:hover{ background:#006cd7}
.bottom_tool img{ margin:6px 0 0}

/*分页样式*/
.fy{ font-size:0.875em; padding:3em 0; clear:both}
.fy1{padding:3px 7px; clear:both; color:#fff; background:#666; border:solid 1px #ccc; margin:0 1px; font-family:1em}
.fy1 a:link,.fy1 a:visited{color:#fff}
.fy1 a:hover{text-decoration:underline; color:#A6CE38; text-decoration:none}
.fy2{padding:3px 9px; border:solid 1px #ccc;background:#666; color:#A6CE38}
.fy2 a:link,.fy2 a:visited{color:#fff}
.page_jum{ margin:0 0 0 3px}
#jumpMenu{height:19px; margin:0 2px}

/*在线客服*/
.box_os .os_x, .box_os .osqq, .ico_os, .ico_gt, .ico_pp, .osqq .qq{ background:url(../images/kf.gif) no-repeat; font-size:0.875em; z-index:10000}
#box_os,.box_os{ height:auto; overflow:hidden; width:131px; position:fixed; right:0px; top:250px;_position:absolute;/* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight-100); z-index:1000;animation-duration: 1s;-webkit-animation-duration: 1s;animation-name: qq_animate;-webkit-animation-name: qq_animate;}
.box_os .os_x{background-position:2px 2px; width:18px; height:20px; float:right; display:inline; cursor:pointer; margin-bottom:-25px;}
.box_os .osqq{ width:129px; border:1px solid #f3f3f3; background-color:#fff; background-position:0 -120px; clear:both; padding:37px 0 8px 0; text-align:center}
.box_os .osqq p{ height:auto; line-height:0.2;width:110px; margin:1.5em auto; text-align:center; font-size:0.875em}
.box_os .osqq p strong{ color:#666;}
.box_os .osqq img{ padding:7px 0 3px 0;}
.box_os .osqq p em{ color:#999; display:block;}
.box_os .osqq p span{ color:#333; display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.box_os .osqq .qq{ background-position:-140px -120px; display:block; width:99px; height:26px; margin:0 auto; margin-top:8px; cursor:pointer;}
.acbox{ width:130px; overflow:hidden;}
.acbox .ico_gt{ background-position:-60px 0; border-top:0; cursor:pointer; width:60px; height:33px; float:right;}
.acbox .ico_pp{ background-position:-60px -60px; border-top:0; cursor:pointer; width:60px; height:33px; float:right; margin:0 2px;}
#onlineService,.onlineService{ background:none; display:none; width:39px; *width:84px; height:178px; ;position:fixed; right:0; top:250px; _position:absolute; z-index:1000}
.onlineService .ico_os{ background-position:-2px -20px;cursor:pointer; width:39px; height:98px; float:right;}
.onlineService .ico_gt{ background-position:right 0;cursor:pointer; width:39px; height:37px; float:right; clear:both;}
.onlineService .ico_pp{ background-position:right -60px;cursor:pointer; width:39px;height:37px; float:right; margin:0 0 1px 0; clear:both;}
.box_os .osqq p span a{color:#557917;}

.contact_img{ float: left; margin:0 20px 20px 0}
@media screen and (max-width:1200px) and (min-width:1024px){
}
@media screen and (max-width:1024px){
	.top_box{ height:208px}
	.top_ul1{ float:none; width:100%; text-align:center}
	.top_ul2{ float:none; width:100%;}	
    .copyright .a{ display:none}	
	.copyright .b{ text-align:center; width:100%}
	.box_os{ display:none}
    .left_nav{ width:88%;}
}
@media screen and (max-width:1023px){
    .left_nav{ width:100%;}
	div.news_l,div.news_r{ width:100%; float:none}
	div.news_r{ padding:40px 0 0; clear:both}
	.news_l .r dl{ width:98%}
}
@media screen and (max-width:1024px) and (min-width:768px){
}
@media screen and (min-width:769px){
    .bottom_tool{ display:none}
}
@media(max-width:768px){
	.top_text span{ font-size:1.4em}
	.margin_50{ height:25px}
	.ys li dl{ width:90%; margin:0 auto}
	.ys li dl dt{transform:scale(.6,.6);}
	.index_case li{ width:50%}
	.bottom_a{ display:none}
	.bottom_b{ width:90%; margin:0 auto; float:none}
	.wx_code{ margin-left:3em}
	.fy2,.fy_total,.page_jum{ display:none}
	.sub_main .r,.sub_main .l{ float:none; width:100%}
	.sub_main .l{ margin:3em 0 0}
    .case_list li{ width:50%;}
}
@media(max-width:767px){
	.top_line dt{ width:100%; text-align:center}
	.top_line dd,.top_text p{ display:none}
	.top_box{ height:106px}
	.top_ul1{ text-align:left}
	.top_ul2{ display:none; height:auto;}
    .power{display:block; cursor:pointer; position:absolute; right:0px;}
	.menu ul li{ display:inline;width:100%; text-align:center; padding:.3em 0; height:auto; line-height:auto}
	.menu ul li a{ height:auto}
	.menu ul li span{ display:none}
	.menu ul li strong{ height:auto; position:static}
	.menu ul li dl{ position:absolute; left:-10000px;}
	.nav li a:link,.nav li a:visited{ display:block; padding:.8em 0;background:url(../images/mask_white_90.png); width:100%;}
    .menu ul li a:hover{background:#fff; color:#006cd7}	
	.menu li.mm_line strong{ font-size:1em}
	.box_os{ display:none}
	.sub_bannerBox{ display:none}
}
@media(max-width:640px){
	.content{ width:90%;}	
    .top_ul1 h1{ display: none}
	.top_ul1 p{ display:block}
	.ys li{ width:50%; margin-bottom:1em}
	.ys li dl{ width:90%; margin:0 auto}
	.ys li dl dt{transform:scale(.8,.8);}
	.index_news li{ width:100%; float:none; margin-top:2em; font-size:1.1333em}
	.index_news dl{ width:90%}
	.index_pro .l{ display:none}
    .index_pro .r{ width:100%; float:none;}
	.index_news img,.index_about img{ display:none}
	.index_case li dl{ width:74%}
	.show_copyright{ display:none}
	.sub_banner{ display:none}
	.sub_main .content{ width:86%}
	.sub_title,.news_ts{ font-size:1em}
	div.news_l .l,div.news_l .r,.news_l .r dl{ width:100%; float:none}
	div.news_l .l dt{ width:20%; margin:0; padding:0; float:left}
	div.news_l .l dt img{ padding:2px}
	div.news_l .l dd{ width:74%; margin:0; padding:0; float:right}
	.sub_main .l dt{ height:50px; line-height:50px}
	.sub_main .r{ padding-top:2em}
	.sub_bannerBox ul.sub_banner_1024{ display:none}
	.sub_bannerBox ul.sub_banner_768{ display:none}
	.sub_bannerBox ul.sub_banner_640{ display:block}
	.sub_newslist dl dd.i_l,.sub_newslist dl dd.i_r{ width:96%; margin:0 auto; float:none}
	.content{width:94%;}
}
@media(max-width:360px){
    .case_list li{ width:100%; float:none}
	.ys li{ width:100%}
	.grey{ display:none}
	div.news_l .l dt{ width:100%;float:none; text-align:center}
	div.news_l .l dt img{ padding:2px; width:80%}
	div.news_l .l dd{ width:100%;float:none; border-bottom:solid 1px #ddd; padding-bottom:20px; margin-bottom:20px}
	div.news_l .l dd h3{text-align:center}
}
@media(max-width:320px){
}
@keyframes content_animate {
0% {opacity:0;transform:translate(0, 50px);}
100% {opacity:1;transform:translate(0, 0);}
}
@keyframes qq_animate {
0% {opacity:0;transform:translate(200px, 0);}
100% {opacity:1;transform:translate(0, 0);}
}